@flexPrefixCls: mousex-flex;

/* flexbox */
.@{flexPrefixCls} {
  display: flex;

  &&-row {
    flex-direction: row;
  }

  &&-justify-start {
    justify-content: start;
  }
  &&-justify-space-between {
    justify-content: space-between;
  }

  &&-column {
    height: 100%;
    flex-direction: column;
  }

  & &-item {
    &-auto {
      flex: none;
    }

    &-fixed {
      flex: none;
    }

    &-fill {
      flex: 1;
    }

    // 分区滚动条处理
    &-overflow-auto{
      overflow: auto
    }
    &-overflow-hidden{
      overflow: hidden
    }
  }
}
